<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
		<span class="sr-only">Toggle navigation</span> 
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	<ul class="nav navbar-nav">
		<li class="active"><a href="{{ url('admin') }}"><span class="glyphicon glyphicon-home"></span>Dashboard</a></li>
		<li><a href="#"><span class="glyphicon glyphicon-calendar"></span>Calendar</a></li>
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<span class="glyphicon glyphicon-list-alt"></span>Widgets 
				<span class="caret"></span>
			</a>
			<ul class="dropdown-menu" role="menu">
				<li><a href="#">Action</a></li>
				<li><a href="#">Something else here</a></li>
				<li class="divider"></li>
				<li><a href="#">One more separated link</a></li>
			</ul>
		</li>
	</ul>
	<form class="navbar-form navbar-left" role="search">
		<div class="form-group">
			<input type="text" class="form-control" placeholder="Search">
		</div>
		<button type="submit" class="btn btn-default">Submit</button>
	</form>
	<ul class="nav navbar-nav navbar-right">
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<span class="glyphicon glyphicon-comment"></span>Chats 
				<span class="label label-primary">42</span>
			</a>
			<ul class="dropdown-menu" role="menu">
				<li><a href="#"><span class="label label-warning">7:00 AM</span>Hi</a></li>
				<li><a href="#"><span class="label label-warning">8:00 AM</span>How are you?</a></li>
				<li class="divider"></li>
				<li><a href="#" class="text-center">View All</a></li>
			</ul>
		</li>
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<span class="glyphicon glyphicon-envelope"></span>Inbox 
				<span class="label label-info">32</span>
			</a>
			<ul class="dropdown-menu" role="menu">
				<li><a href="#"><span class="label label-warning">4:00 AM</span>Favourites Snippet</a></li>
				<li><a href="#"><span class="label label-warning">4:30 AM</span>Email marketing</a></li>
				<li class="divider"></li>
				<li><a href="#" class="text-center">View All</a></li>
			</ul>
		</li>
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<span class="glyphicon glyphicon-user"></span>{{ Auth::user()->name }}
				<span class="caret"></span>
			</a>
			<ul class="dropdown-menu" role="menu">
				<li>
					<div class="navbar-content">
						<div class="row">
							<div class="col-md-5">
								<img src="http://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/twDq00QDud4/s120-c/photo.jpg" alt="Alternate Text" class="img-responsive" />
								<p class="text-center small"><a href="#">Change Photo</a></p>
							</div>
							<div class="col-md-7">
								<span>Bhaumik Patel</span>
								<p class="text-muted small">mail@gmail.com</p>
								<div class="divider"></div>
								<a href="#" class="btn btn-primary btn-sm active">View Profile</a>
							</div>
						</div>
					</div>
					<div class="navbar-footer">
						<div class="navbar-footer-content">
							<div class="row">
								<div class="col-md-6">
									<a href="#" class="btn btn-default btn-sm">Change Passowrd</a>
								</div>
								<div class="col-md-6">
									<a href="{{ url('admin/logout') }}" class="btn btn-default btn-sm pull-right">Sign Out</a>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</li>
	</ul>
</div><!-- /.navbar-collapse -->